<template>
  <div>
    <titleLabe title="6 版本变更历史"/>
    <table border="1" style="width: 100%" cellspacing="0" cellpadding="10">
      <thead>
      <tr>
        <th>版本号</th>
        <th>日期</th>
        <th>主要变更描述</th>
      </tr>
      </thead>
      <tbody>
      <tr v-for="(item,index) in historyList" :key="index">
        <template v-if="item !== null && item.version_no !==''">
          <td align="center" >{{item.version_no}}</td>
          <td>{{item.created_at}}</td>
          <td>{{item.change_reason}}</td>
        </template>
      </tr>
      </tbody>
    </table>
  </div>
</template>

<script>
  import titleLabe from './title'

  export default {
    name: 'change',
    components: {
      titleLabe
    },
    props: {
      historyList: {
        type: Array,
        default() {
          return []
        }
      }
    },
    data() {
      return {}
    },
    //是计算属性，也可以理解为一个方法。
    computed: {},

    //属性是手动定义的所需监听的值
    watch: {},

    //生命周期 - 创建完成（访问当前this实例）
    created() {
    },

    //生命周期 - 挂载完成（访问DOM元素）
    mounted() {
    },

    //是Vue实例对象上绑定的方法，供当前Vue组件作用域内使用，
    methods: {}

  }

</script>

<style scoped>
  /* @import url(); 引入css类 */
</style>
